<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
        <title>CSS第一天</title>
        <style>
           #ys1{color:red;}    /* 1.ID选择器 */
           #ys2{color:green;}
           #ys3{color:blue;}
           #ys4{color:yellow;}
           
           .ys5{font-size:36px;}  /* 2.类选择器 */
           
           b{background-color:pink;} /* 3.标签选择器*/
        </style>
    </head>
    <body>
        <h2>由行内样式到三种基本选择器</h2>
        
        <ul>
            <li id='ys1' class='ys5'>细节决定成败</li>  <!-- 行内样式  -->
            <li id='ys2' class='ys5'>狼图腾</li>
            <li id='ys3' class='ys5'>麦田里的守望者</li>
            <li id='ys4' class='ys5'>挪威的森林</li>
        </ul>
        <b>十万个为什么:女性篇</b>
        
    </body>
</html>